/*styles for reorderer (content, assignments, announcements)*/
#reorder-list-sortingToolBar {
  font-size: .9em;
  border: 1px solid var(--sakai-border-color);
  background: var(--sakai-background-color-3);
  margin: 1em 0;
  padding: 5px;
  a {
    outline: none;
  }
}
ul.styled-reorder-list {
  font-size: .9em;
  margin: 0;
  padding: 0;
  li {
    list-style: none;
    padding: 5px;
    margin: 5px 0;
    background: var(--sakai-background-color-2);
    border: 1px solid var(--sakai-border-color);
    width: 100%;
    &:focus {
      border: 1px solid var(--sakai-background-color-3);
    }
    span {
      padding-right: 2em;
      &.grabHandle {
        display: block;
        float: left;
        width: 5em;
        padding-right: 0;
        input {
          margin-top: -2px;
        }
      }
    }
    .title {
      display: block;
      float: left;
    }
  }
}
.fl-reorderer-movable-selected {
  border: none;
  outline: none;
}
.fl-reorderer-dropMarker {
  height: 30px;
  background: var(--sakai-background-color-1) !important;
  border: 1px dashed var(--sakai-border-color) !important;
}
.fl-reorderer-movable-hover {
  cursor: move;
}
.fl-reorderer-movable-dragging {
  background: var(--sakai-background-color-1);
  color: var(--sakai-text-color-disabled) !important;
  border: 1px dashed var(--sakai-border-color) !important;
  outline: none;
}
.fl-reorderer-avatar {
  opacity: 0.55;
  list-style: none;
  background: var(--successBanner-bgcolor) !important;
  width: 50% !important;
  * {
    display: none;
  }
  .title {
    display: block;
    margin: 5px;
    font-weight: bold;
    font-size: 1.2em;
  }
}
.fl-ProgEnhance-enhanced {
  display: none;
}
.fl-progEnhance-enhanced {
  display: none;
}
.fl-offScreen-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.recentMove {
  background: var(--infoBanner-bgcolor) !important;
  border: 1px solid var(--infoBanner-bordercolor) !important;
  color: var(--infoBanner-color);
}
